<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <!--iphone允许全屏模式浏览-->
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <!--iphone状态栏-->
    <meta content="telephone=no" name="format-detection">
    <title>iyoyo</title>
    <link rel="stylesheet" href="css/reset.css">
    <link href="https://cdn.bootcss.com/Swiper/4.0.7/css/swiper.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/animate.css/3.0.0/animate.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/main.css">
</head>

<body>
    <header class="header">
        <audio src="data/chun.mp3" autoplay="autoplay" class="audio" loop="loop"></audio>
        <p></p>
    </header>
    <div class="swiper-container" id="swiper-container1">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <section class="container">
                    <img src="images/1080X1440/1080X1440_1.JPG" alt="">
                </section>
            </div>
            <div class="swiper-slide">
                <section class="container">
                    <img src="images/1080X1440/IMG_0946.JPG" alt="">
                </section>
            </div>
            <div class="swiper-slide">
                <section class="container">
                    <img src="images/1080X1440/IMG_0947.JPG" alt="">
                </section>
            </div>
            <div class="swiper-slide">
                <section class="container">
                    <img src="images/1080X1440/IMG_0948.JPG" alt="">
                </section>
            </div>
            <div class="swiper-slide">
                <section class="container">
                    <img src="images/1080X1440/IMG_0949.JPG" alt="">
                </section>
            </div>
            <div class="swiper-slide">
                <section class="container">
                    <img src="images/1080X1440/IMG_0950.JPG" alt="">
                </section>
            </div>
            <div class="swiper-slide">
                <section class="container">
                    <img src="images/1080X1440/IMG_0951.JPG" alt="">
                </section>
            </div>
            <div class="swiper-slide">
                <section class="container">
                    <img src="images/1080X1440/IMG_0952.JPG" alt="">
                </section>
            </div>
            <div class="swiper-slide">
                <section class="container">
                    <img src="images/1080X1440/IMG_0957.JPG" alt="">
                </section>
            </div>
            <div class="swiper-slide">
                <section class="container">
                    <img src="images/1080X1440/IMG_0965.JPG" alt="">
                </section>
            </div>
            <div class="swiper-slide">
                <section class="container">
                    <img src="images/1080X1440/IMG_0966.JPG" alt="">
                </section>
            </div>
            <div class="swiper-slide">
                <section class="container">
                    <img src="images/1080X1440/IMG_0974.JPG" alt="">
                </section>
            </div>
            <div class="swiper-slide">
                <section class="container">
                    <img src="images/1080X1440/IMG_0975.JPG" alt="">
                </section>
            </div>
            <div class="swiper-slide">
                <section class="container">
                    <img src="images/1080X1440/IMG_0977.JPG" alt="">
                </section>
            </div>
            <div class="swiper-slide">
                <section class="container">
                    <img src="images/1080X1440/IMG_0978.JPG" alt="">
                </section>
            </div>
        </div>
    </div>
    <div class="swiper-container" id="swiper-container2">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <section class="container">
                    <img src="images/1080X1440/1080X1440_1.JPG" alt="">
                </section>
            </div>
            <div class="swiper-slide">
                <section class="container">
                    <img src="images/1080X1440/IMG_0946.JPG" alt="">
                </section>
            </div>
            <div class="swiper-slide">
                <section class="container">
                    <img src="images/1080X1440/IMG_0947.JPG" alt="">
                </section>
            </div>
            <div class="swiper-slide">
                <section class="container">
                    <img src="images/1080X1440/IMG_0948.JPG" alt="">
                </section>
            </div>
            <div class="swiper-slide">
                <section class="container">
                    <img src="images/1080X1440/IMG_0949.JPG" alt="">
                </section>
            </div>
            <div class="swiper-slide">
                <section class="container">
                    <img src="images/1080X1440/IMG_0950.JPG" alt="">
                </section>
            </div>
            <div class="swiper-slide">
                <section class="container">
                    <img src="images/1080X1440/IMG_0951.JPG" alt="">
                </section>
            </div>
            <div class="swiper-slide">
                <section class="container">
                    <img src="images/1080X1440/IMG_0952.JPG" alt="">
                </section>
            </div>
            <div class="swiper-slide">
                <section class="container">
                    <img src="images/1080X1440/IMG_0957.JPG" alt="">
                </section>
            </div>
            <div class="swiper-slide">
                <section class="container">
                    <img src="images/1080X1440/IMG_0965.JPG" alt="">
                </section>
            </div>
            <div class="swiper-slide">
                <section class="container">
                    <img src="images/1080X1440/IMG_0966.JPG" alt="">
                </section>
            </div>
            <div class="swiper-slide">
                <section class="container">
                    <img src="images/1080X1440/IMG_0974.JPG" alt="">
                </section>
            </div>
            <div class="swiper-slide">
                <section class="container">
                    <img src="images/1080X1440/IMG_0975.JPG" alt="">
                </section>
            </div>
            <div class="swiper-slide">
                <section class="container">
                    <img src="images/1080X1440/IMG_0977.JPG" alt="">
                </section>
            </div>
            <div class="swiper-slide">
                <section class="container">
                    <img src="images/1080X1440/IMG_0978.JPG" alt="">
                </section>
            </div>
        </div>
    </div>
    <script src="js/rem.js"></script>
    <script src="https://cdn.bootcss.com/Swiper/4.0.7/js/swiper.min.js"></script>
    <script src="js/swiper.animate1.0.2.min.js"></script>
    <script src="js/main.js"></script>
</body>

</html>